<template>
	<view>
		<view class="item1 cflex" v-if="type==1">
			<image src="/static/dxy-image/gengxin_1@2x.png" mode=""></image>
			<view class="right flex">
				<view class="tit">
					系统更新提示
				</view>
				<view class="content">
					平台近期系统更新......
				</view>
				<view class="date">
					2020年7月16日
				</view>
			</view>
			<view class="dot">
			</view>
		</view>
		<view class="item2 cflex" v-if="type==2">
			<image src="" mode=""></image>
			<view class="right flex">
				<view class="tit">
					发货提醒
				</view>
				<view class="content">
					您购买的不锈钢操作台冰箱已发货
				</view>
				<view class="date">
					2020年7月16日
				</view>
			</view>
			<view class="dot">

			</view>
		</view>

		<view class="item3 cflex" v-if="type==3">
			<image src="" mode=""></image>
			<view class="right flex">
				<view class="tit">
					不锈钢操作台冰箱
				</view>
				<view class="mode">
					冷冻|冷藏|冷藏冷冻
				</view>
				<view class="Expected_count">
					预计采购数量：2000件
				</view>
				<view class="Expected_price">
					预算：3000元
				</view>
			</view>
			<view class="dot">

			</view>
		</view>

		<view class="item3 cflex" v-if="type==4">
			<image src="" mode=""></image>
			<view class="right flex">
				<view class="tit">
					不锈钢操作台冰箱
				</view>
				<view class="mode">
					冷冻|冷藏|冷藏冷冻
				</view>
				<view class="price">
					￥300
				</view>
				<view class="count">
					起订量：3000件
				</view>
			</view>
			<view class="dot">

			</view>
		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 4
			}
		},
		onLoad(e) {
			let that = this
			let type = e
			//that.type = type
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: #F7F7F7;
	}

	.dot {
		width: 12rpx;
		height: 12rpx;
		background-color: #D80000;
		border-radius: 100px;
		position: absolute;
		right: 8rpx;
		top: 12rpx;

	}

	.item1 {
		width: 712rpx;
		height: 208rpx;
		background-color: #FFFFFF;
		margin: 0 auto;
		position: relative;
		margin-top: 22rpx;

	}

	.item1>image {
		width: 70rpx;
		height: 59rpx;
		margin-top: 69rpx;
		margin-left: 22rpx;
	}

	.item2 {
		width: 712rpx;
		height: 208rpx;
		background-color: #FFFFFF;
		margin: 0 auto;
		position: relative;
		margin-top: 22rpx;
	}

	.item2>image {
		width: 183rpx;
		height: 183rpx;
		background-color: #000000;
		border-radius: 10rpx;
		margin-top: 10rpx;
		margin-left: 12rpx;
	}

	.right {
		margin-left: 28rpx;
		width: 470rpx;
	}

	.tit {
		font-size: 28rpx;
		color: #333333;
		margin-top: 30rpx;
	}

	.content {
		font-size: 26rpx;
		color: #555555;
		margin-top: 21rpx;
	}

	.date {
		font-size: 28rpx;
		color: #333333;
		text-align: right;
		margin-top: 21rpx;
	}

	.item3 {
		width: 712rpx;
		height: 270rpx;
		background-color: #FFFFFF;
		margin: 0 auto;
		position: relative;
		margin-top: 22rpx;
	}

	.item3>image {
		width: 210rpx;
		height: 210rpx;
		background-color: #000000;
		border-radius: 10rpx;
		margin-top: 27rpx;
		margin-left: 29rpx;
	}

	.mode {
		font-size: 24rpx;
		color: #333333;
		margin-top: 10rpx;
	}

	.Expected_count {
		font-size: 28rpx;
		color: #333333;
		margin-top: 15rpx;
	}

	.Expected_price {
		font-size: 28rpx;
		color: #333333;
		margin-top: 19rpx;
	}

	.price {
		color: #D50000;
		font-size: 28rpx;
		margin-top: 20rpx;
	}

	.count {
		color: #333333;
		font-size: 28rpx;
		margin-top: 18rpx;
	}
</style>
